<template>
  <div class="home">
    <p>{{ obj.name }}</p>
    <button @click="changeObj">修改obj的name值</button>
  </div>
</template>

<script setup>
// @ is an alias to /src
// 引入reactive使用
import { reactive } from 'vue';
// reactive定义复杂数据类型
let obj = reactive({
  id: '001',
  name: '张帅'
})

let changeObj = () => {
  // 不需要设置.value
  obj.name = '青秀'
  console.log(obj);
}

</script>
